<style>
	#monitor_config_hash_edit_div #base_info_div label.col-lg-1{
		width : 130px;
	}
	#monitor_config_hash_edit_div #base_info_div div.col-lg-1 > input,
	#monitor_config_hash_edit_div #base_info_div div.col-lg-1 > textarea{
		width : 230px;
	}
	[data-id="database-nu"] .um-grid.no-border .um-grid-head-tr{
		background-color: #f2f2f2 !important;
	}

	[data-id="database-nu"] .um-grid{
		border-bottom : 1px solid #ddd !important;
	}

	.__monitor_info_right{
		position: absolute;
		display: none;
		top : 80px;
		right : 10px;
		width : 300px;
		border : 1px solid #58B7FF;
		border-radius: 10px;
		padding : 20px 0 20px 15px;
	}

	.__monitor_info_right .__title{
		font-weight: bold;
		padding-bottom: 10px;
	}

	.__monitor_info_right .__title i{
		color : #F7BA2A;
		margin-right: 5px;
	}

	.__monitor_info_right .__type{
		padding-left: 17px;
	}

	.__monitor_info_right .__unit{
		padding: 5px 0 5px 17px;
	}

	.__monitor_info_right .__unit span{
		display: inline-block;
	}

	.__monitor_info_right .__unit span:first-child{
		width : 70px;
		color : #58B7FF;
	}
	.__monitor_info_right .__unit span:nth-child(2){
		width : 30px;
		color : #58B7FF;
		text-align: center;
	}
	.__monitor_info_right .__unit #__asset_name{
		width: 145px;
    	vertical-align: top;
	}

	.asset_info_title{margin: 20px 0 10px 20px;}
	.asset_info_title span:nth-child(even){margin-right: 60px;}

	

</style>

<div class="um-wizard" data-type="wizard" id="monitor_config_hash_edit_div">

	<div class="asset_info_title dn">
		<span>被监控资产：</span><span id="asset_info_title_name"></span>
		<span>IP地址：</span><span id="asset_info_title_ip"></span>
		<span>管控域：</span><span id="asset_info_title_systemName"></span>
	</div>

	<section>
		<div>
			<div data-type="rhTab"></div>
		</div>
		<div class="dn" id="asset_list_div">
			<div class="vt mr5 mb10" style="font-weight:bold">请选择监控资产：</div>
			<div id="asset_list_div" class="h-all" style="width:600px;height:300px;"></div>
		</div>
		<div>
			<div id="base_info_div" class="w-all h-all"></div>
		</div>
		<div></div>
		<div></div>
	</section>

	<!-- 凭证方式 -->
	<input type="hidden" data-id="connectType">
	<!-- 保存监控器类型 -->
    <input type="hidden" data-type="tempStore" data-id="temp_type">
    <!-- 保存监控器名称 -->
    <input type="hidden" data-type="tempStore" data-id="temp_name">
    <!-- 保存监控器代理 -->
    <input type="hidden" data-type="tempStore" data-id="temp_agent">
    <!-- 保存: 凭证信息配置选项名 SSH2 TELNET SNMP HTTP 等 -->
    <input type="hidden" data-type="tempStore" data-id="temp_certificate_type">
    <!-- 保存凭证信息模板号 -->
    <input type="hidden" data-type="tempStore" data-id="temp_certificate_tpl">
    <!-- 保存指标信息模板号 -->
    <input type="hidden" data-type="tempStore" data-id="temp_index_tpl">
    <!-- 保存：监控器id -->
    <input type="hidden" data-type="tempStore" data-id="temp_monitor_id">
    <!-- 保存：被监控资产id序列，逗号分隔 -->
    <input type="hidden" data-type="tempStore" data-id="temp_monitored_asset">
    <!-- 保存： 被监控资产的IP，逗号分隔 -->
    <input type="hidden" data-type="tempStore" data-id="temp_monitored_asset_ip">
    <!-- 保存：凭证信息传出值 -->
    <input type="hidden" data-type="tempStore" data-id="temp_cert">
    <!-- 保存：指标信息传出值 -->
    <input type="hidden" data-type="tempStore" data-id="temp_index">
    <!-- 保存： 监控表空间 -->
    <input type="hidden" data-type="tempStore" data-id="temp_table_space">
    <!-- 保存： 不监控表空间 -->
    <input type="hidden" data-type="tempStore" data-id="temp_not_table_space">
    <!-- 保存： 第五步添加数据库实例信息 -->
    <input type="hidden" data-type="tempStore" data-id="temp_database_instance">

    <div class="__monitor_info_right">
    	<div class="__title"><i class="icon-circle-blank"></i>监控器类型</div>
    	<p class="__type" id="__type"></p>
    	<div class="__title"><i class="icon-circle-blank"></i>监控器信息</div>
    	<div class="__info">
    		<div class="__unit">
    			<span>监控器名称</span>
    			<span>|</span>
    			<span id="__monitor_name"></span>
    		</div>
    		<div class="__unit">
    			<span>资产IP</span>
    			<span>|</span>
    			<span id="__asset_ip"></span>
    		</div>
    		<div class="__unit">
    			<span>资产名称</span>
    			<span>|</span>
    			<span id="__asset_name"></span>
    		</div>
    	</div>
    </div>
</div>

<script>
	$(document).ready(function (){

		index_title_set("监控器编辑")

		require(['monitorConfig','wizard'] ,function (monitorConfig ,wizard){

			var index_urlParamObj = index_query_param_get()

			if (index_urlParamObj.assetConfig)
			{
				monitorConfig.init($("[data-type=wizard]") ,{
					assetObj : {id:index_urlParamObj.edId,
								ip:index_urlParamObj.ip,
								name:index_urlParamObj.name,
								systemName:index_urlParamObj.systemName},
					submitCbf : function (){
						window.location.href = "#/asset_manage/asset_manage"
					}
				})
			}
			else
			{
				monitorConfig.init($("[data-type=wizard]") ,{
					submitCbf : function (){
						window.location.href = "#/monitor_config/monitor_config"
					}
				})
			}
		})
	})
</script>